<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>无序列表（重点）</title>
</head>
<body>
    <h3>你喜欢的食物？</h3>
    <ul>
        <li>火锅</li>
        <li>香橙</li>
        <li>红西柚</li>
        <li> 
            <p>222</p> 
        </li>
    </ul>
    <!-- 
        1.无序列表的各个列表项之间没有顺序级别之分，是并列的。
        2.<ul></ul> 中只能嵌套 <li></li> ，直接在 <ul></ul> 标签中输入其他标签或者文字的做法都是不被允许的。
        3. <li>和</li>之间相当于一个容器，可以容纳所有元素。 
     -->
</body>
</html>